@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 13px;height: 13px;border-radius: 13px;background: #FFF;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #ee633f;opacity: 1;}
.banner .swiper-button-next{background: rgba(0,0,0,0.5);width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;border-radius: 50%;}
.banner .swiper-button-prev{background: rgba(0,0,0,0.5);width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;border-radius: 50%;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 1%;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 1%;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 23px;color: #FFF;}
.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}

.banner .swiper-button-next:hover{background: rgba(0,0,0,1.0);}
.banner .swiper-button-prev:hover{background: rgba(0,0,0,1.0);}

.dlinp{padding:0; background-color: #fff;}
.dlinp .box{max-width: 1200px;margin:0 auto;position: relative; }
.dlinp .box ul{width: 100%; position: absolute;bottom:0; left: 0; z-index: 9;}
.dlinp .box ul li{float: left; width: 33.278%; border-right: 1px solid #75a7d4;border-top: 1px solid #75a7d4; background: #5d98cd; padding: 35px 0;}
.dlinp .box ul li .vc_l{float: left; width: 24%;}
.dlinp .box ul li .vc_l img{width: 65px; margin:5px auto 0 auto; display: block; vertical-align: middle;}
.dlinp .box ul li .vc_r{float: right; width: 76%; line-height: 30px;}
.dlinp .box ul li .vc_r .ps0{color: #f4f8fb; font-size: 16px;}
.dlinp .box ul li .vc_r .ps01{color: #fff; font-size: 19px; font-weight: 500;}
.dlinp .box ul li:last-child{border-right: none;}

.dyip{padding:75px 0; background-color: #f4f4f4; overflow: hidden;}
.dyip .box{max-width: 1200px;margin:8px auto;overflow: hidden;}
.dyip .box .left-sm{float: left; width: 28%; padding-right: 4%; border-right:3px #ee633f solid;}
.dyip .box .left-sm p{font-size: 30px; font-weight:bold;  text-transform: uppercase; line-height: 42px; color: #444; letter-spacing: 0}
.dyip .box .right-sm{float: right; width: 62%; padding-left: 4%; }
.dyip .box .right-sm h2{font-size: 30px; font-weight: bold; padding-bottom: 15px;}
.dyip .box .right-sm p{font-size: 14px; line-height: 1.75;}


.derp{padding:25px 0; background-color: #fff; overflow: hidden;}
.derp .box{max-width: 1200px;margin:8px auto;overflow: hidden;}
.derp .box ul{margin-left:-1%; overflow: hidden;}
.derp .box ul li{margin-left:1%; float: left; width: 24%; cursor: pointer;}
.derp .box ul li .kang{border: 1px #e5e5e5 solid; padding:32px 20px; background: #fff;}
.derp .box ul li .kang i{ width: 100px; height: 100px; margin: 0 auto; text-align: center ; vertical-align: middle; display: block; transition: all 350ms;}
.derp .box ul li .kang p{padding-top: 25px; font-size: 16px; font-weight: 600; text-align: center; color: #454545;}
.derp .box ul li .kang:hover p{color: #fff;}
.derp .box ul li .kang:hover{background:#ee633f; }

.derp .box ul li .kang i.icon1{background: url(../images/icon_1.png) left top no-repeat; background-size: 95%; display: block;} 
.derp .box ul li .kang:hover i.icon1{background: url(../images/icon_1h.png) left top no-repeat; background-size: 95%;display: block;transition: all 350ms;}  

.derp .box ul li .kang i.icon2{background: url(../images/icon_2.png) left top no-repeat; background-size: 95%; display: block;} 
.derp .box ul li .kang:hover i.icon2{background: url(../images/icon_2h.png) left top no-repeat; background-size: 95%;display: block;transition: all 350ms;}  

.derp .box ul li .kang i.icon3{background: url(../images/icon_3.png) left top no-repeat; background-size: 95%; display: block;} 
.derp .box ul li .kang:hover i.icon3{background: url(../images/icon_3h.png) left top no-repeat; background-size: 95%;display: block;transition: all 350ms;} 

.derp .box ul li .kang i.icon4{background: url(../images/icon_4.png) left top no-repeat; background-size: 95%; display: block;} 
.derp .box ul li .kang:hover i.icon4{background: url(../images/icon_4h.png) left top no-repeat; background-size: 95%;display: block;transition: all 350ms;}  


.dsanp{padding:70px 0;background: url(../images/Mission-Image.jpg) no-repeat center;background-size: 100%;}

.dyip{padding:75px 0; background-color: #f4f4f4; overflow: hidden;}
.dyip .box{max-width: 1200px;margin:8px auto;}
.dyip .box .left-sm{float: left; width: 24%; padding-right: 7%; border-right:3px #ee633f solid;}
.dyip .box .left-sm p{font-size: 28px; font-weight:bold;  text-transform: uppercase; line-height: 42px; color: #444; letter-spacing: 0}
.dyip .box .right-sm{float: right; width: 62%; padding-left: 4%; }
.dyip .box .right-sm h2{font-size: 30px; font-weight: bold; padding-bottom: 15px;}
.dyip .box .right-sm p{font-size: 14px; line-height: 1.8;}


.dsip{padding:45px 0 25px; background-color: #fff; overflow: hidden;}
.dsip .pslide{width: 94%;padding:0 4% 4% 2%; border-right:3px #ee633f solid; border-bottom: 1px solid #e5e5e5;}
.dsip .pslide h2{font-size: 28px; font-weight: bold; padding-bottom: 10px;}
.dsip .pslide h3{font-size: 20px; font-weight: bold; padding-bottom: 15px;}
.dsip .pslide p{font-size: 16px; line-height: 1.85; font-weight:lighter;}

.dwup{padding:12px; background-color: #fff; overflow: hidden;}
.dwup ul{margin-left:-1.333%; overflow: hidden;}
.dwup ul li{float: left; width: 32%; margin-left:1.333%;}
.dwup ul li img{width: 100%; margin-bottom: 30px;}
.dwup ul li p{font-size: 14px; line-height: 1.8;}

.dliup{padding:28px 0; background-color: #fff; overflow: hidden;}
.dliup .left_LG{float: left; width:50%; }
.dliup .left_LG span{display: inline-block; width: 32%}
.dliup .left_LG span img{max-width: 100%;}
.dliup .right_sp{float: right; width:50%; }
.dliup .right_sp iframe{height: 350px;}

.con{max-width: 1200px;margin:0 auto;padding:50px 0;}

.banner_pic{width: 100%; overflow: hidden; }
.banner_pic img{max-width: 100%;}
.banner_pic .ban_ny{ background: rgba(0,0,0,0.25); position: absolute; bottom: 0; left: 0; padding: 1.5%; width: 97%;}
.banner_pic .ban_ny .page-title {font-size: 28px; font-weight: bold; color: #fff;}
.banner_pic .ban_ny .breadcrumbs{ color: #fff; font-size: 15px; padding: 12px 0;}
.banner_pic .ban_ny .breadcrumbs a{ color: #fff; }
.banner_pic .ban_ny .breadcrumbs .current{color: #ee633f}
.pos{position: relative; height: 350px;}


.bt_title{font-size: 24px;padding-bottom: 20px;text-align: center;}

.about{width: 100%; padding: 40px 0; overflow: hidden;}
.about .a_pic{float: left;width: 42%;}
.about .a_pic img{max-width: 100%;}
.about .wp_wrapper{width: 56%;float: right; line-height: 2; font-size: 15px;}

.g_PurgeMax{width: 100%; padding:20px 0 40px 0; overflow: hidden;}
.g_PurgeMax h2{font-size: 24px;line-height: 30px;margin-bottom: 10px; padding-bottom: 10px; font-weight: bold;color: #444; border-bottom: 1px solid #e5e5e5;}
.g_PurgeMax .wp_text{ line-height: 2; font-size: 14px; padding-top: 20px }



.products{width: 100%; margin-bottom: 55px; overflow: hidden;}
.products h2{font-size:27px; font-weight: bold;padding-bottom: 15px;}
.products .pro_tu{float: left;width: 46%;padding-left: 1%;}
.products .pro_tu img{max-width: 100%;}
.products .pro_column{float: right; width: 48%;font-size: 15px; line-height: 28px;}

.pro_flex{margin: 25px 0; padding-top: 25px; border-top: 1px solid #e4e4e4; overflow: hidden;}
.pro_flex h3{font-size:18px; font-weight: bold;padding-bottom: 15px;}

.pro_flex .pro_table{width:100%; margin:0 auto}
.slider-scroll{margin-top:12px; overflow:hidden;}  
#showArea{ width:55%; float:right; border-right:none;overflow: hidden;}
#showArea .det_div{line-height: 28px; font-size: 14px; display: none;}
#showArea .det_div .tt{font-weight: bold; padding-bottom: 12px;}
#showArea .det_div img{max-width:100%; padding:15px 0;}
#showArea .det_div a{padding-bottom: 10px; display: inline-block;}

#scrollDiv{float:left; width:36%; }  
#scrollDiv ul{ padding:10px 0 0 0}
#scrollDiv li{width:100%; height:57px; padding:0 0 0 65px;margin-bottom:35px; cursor:pointer;} 
#scrollDiv li.on{ position:relative;}
#scrollDiv li a{display:block; font-size:17px; height:35px; line-height:35px; color:#000; font-weight: bold;}
#scrollDiv li span{display:block; color:#333; font-size:14px; height:15px; line-height:15px; font-weight: normal;}
#scrollDiv li span.entity-triangle{ display:none; }
#scrollDiv li.on span.entity-triangle{ position:absolute; top:31px; left:-6px; display:block; width:6px; height:22px; background:url(img/triangle2.png) 0 0 no-repeat; z-index:99;}
#scrollDiv li:nth-child(1){background: url("../images/picon_1.jpg") left center no-repeat; background-size: 45px;}
#scrollDiv li:nth-child(2){background: url("../images/picon_2.jpg") left center no-repeat; background-size: 45px;}
#scrollDiv li:nth-child(3){background: url("../images/picon_3.jpg") left center no-repeat; background-size: 45px;}
#scrollDiv li:nth-child(4){background: url("../images/picon_4.jpg") left center no-repeat; background-size: 45px;}
#scrollDiv li:nth-child(5){background: url("../images/picon_5.jpg") left center no-repeat; background-size: 45px;}

.download{width: 100%; overflow: hidden;}
.download .Guide_list{float: left; width: 45%; overflow: hidden;}
.download .Guide_list h2{font-size: 32px;color:#ee633f; position: relative; margin-bottom: 32px;}
.download .Guide_list h2:after {content:'';display:block;height:3px;width:50px;background:#222;margin-top:10px;}
.download .Guide_list .gu_column{font-size: 15px; line-height: 40px;}
.download .down_list{float: right; width: 45%; overflow: hidden;}
.download .down_list h3{font-size: 32px;color:#ee633f; position: relative; margin-bottom: 32px;}
.download .down_list h3:after {content:'';display:block;height:3px;width:50px;background:#222;margin-top:10px;}

/**常见问题**/
#panel_col{ padding:12px 0; overflow: hidden;}
#panel_col .ul{ padding-bottom: 20px; }
#panel_col .ul li{ font-size: 14px; line-height:30px; margin-bottom: 10px; background-color: #f6f6f6; }
#panel_col .ul .pad{ padding:8px 30px; }
#panel_col .ul .q{ background-color: transparent; cursor: pointer; font-weight: bold;}
#panel_col .ul li:hover .q{ background-color: #eee; }
#panel_col .ul .on .q{ background-color: #e6e6e6; }
#panel_col .ul .a{ display: none; }
#panel_col .ul .icons{ float: right; display: inline-block; height: 22px; width: 10px; background-position: -75px 12px; }
#panel_col .ul .on .icons{ background-position: -75px -12px; }
.icons{ background-image: url(../images/icons.png); background-repeat: no-repeat; display: inline-block; }
#panel_col .ul .a a{color: #ee633f; padding-right: 6px;}


.faq{width: 100%; overflow: hidden;}
.tab-group{position: relative;border: 1px solid #eee;margin-top: 45px;border-radius: 0 0 10px 10px;}
.tab-group section{opacity: 0;height: 0;padding: 0 1em;overflow: hidden;transition: opacity 0.4s ease, height 0.4s ease;background: #f8f8f8;}
.tab-group section.active{opacity: 1;height: auto;overflow: visible;}
.tab-nav{list-style: none;margin: -45px -1px 0 0;padding: 0;height:45px;overflow: hidden;}
.tab-nav li{display: inline;}
.tab-nav li a{top: 1px;position: relative;display: block;float: left;border-radius: 10px 10px 0 0;background: #eee;line-height:40px;padding: 0 26px;font-size: 16px; text-decoration: none;color: grey;margin-top: 8px;margin-right: 1px;transition: background .2s ease, line-height .2s ease, margin .2s ease;}
.tab-nav li.active a{background: #ee633f;color: white;line-height:45px;margin-top: 0;}
.tab-group section .faq_wda{padding:20px 8px; line-height: 30px; font-size: 14px;}




.request{width: 100%; overflow: hidden;}
.request .req_box{float: left; width: 46%; overflow: hidden;}
.request .req_box li{width:100%;padding:0 0 12px ;overflow:hidden;float:left; }
.request .req_box .ltype{display:block;width:40%;line-height:32px;float:left;font-size: 14px;}
.request .req_box .rt_text{display:block;width:95%;height:34px;padding:0 2%;border:1px solid #dcdcdc;float:left;}
.request .req_box .tj_text{width:99.8%;height:165px;padding:0 2%;resize:none;float:none;box-sizing: border-box; border:1px solid #dcdcdc;}
.request .req_box .rq_btn{display:block;width:165px;height:42px;line-height:42px;font-size:15px;color:#fff;background-color:#ee633f;margin:30px auto 0;border: 0;}
.request .req_detail{float: right; width: 45%; font-size: 15px; line-height: 32px;}
.request .req_detail img{max-width: 100%; margin: 25px 0;}


.distributor{width: 100%; overflow: hidden;}
.distributor ul{margin-left: -2%;}
.distributor ul li{width: 47.5%; margin-left: 2%; display: inline-block; margin-bottom:3%;box-sizing: border-box; vertical-align: top;}
.distributor ul li .jx_tu{float: left; width: 250px;}
.distributor ul li .jx_tu img{width: 100%;}
.distributor ul li .jx_texts{float: right; width:calc(100% - 270px);}
.distributor ul li .jx_texts h2{font-size: 24px; padding-bottom: 12px;}
.distributor ul li .jx_texts .wpbs{font-size: 13px; line-height: 25px;}


.contact{width: 100%; overflow: hidden;}
.contact_l{width: 36%;float: left; font-size: 15px; line-height: 32px; margin-top: 55px;}
.contact_r{width: 60%;float: right;}
#map_container{height: 450px;}

.ctUs-msg{border-top:1px solid #e5e5e5;padding-top:35px;margin-top:20px;}
.cUmsg-top{text-align:center;font-size:14px;color:#666666;line-height: 25px;}
.cUmsg-top h3{font-size:30px;color:#000000;font-weight:normal;}
.cUmsg-top i{display:block;width:95px;height:1px;background-color:#cccccc;margin:16px auto;}
.cUmsg-list{overflow:hidden;margin-top:25px;}
.cUmsg-list li{width:50%;padding:12px 2.19298%;overflow:hidden;float:left; box-sizing: border-box}
.cUmsg-list .cUmsg-type{display:block;width:13.462%;line-height:36px;float:left;}
.cUmsg-list .text{display:block;width:86.538%;height:36px;padding:0 2%;border:1px solid #dcdcdc;float:left; box-sizing: border-box}
.cUmsg-list li.kcon{width:100%;}
.cUmsg-list li.kcon .text{width:100%;height:165px;padding:2%;resize:none;margin-top:12px;float:none;}
.cUmsg-list li.kcon .btn{display:block;width:185px;height:45px;line-height:45px;font-size:16px;color:#fff;background-color:#ee633f;margin:30px auto 0;border: 0;}